﻿@model IEnumerable<WebVideo.EntityTypeVideo>
@{
    ViewBag.Title = "Index";
    Layout = "~/Areas/Admin/Views/Shared/_Layout.cshtml";
}
<script src="@Url.Content("~/Content/cssAdmin/js/plugins/jquery-1.7.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Content/cssAdmin/js/plugins/jquery-ui-1.8.16.custom.min.js")" type="text/javascript"></script>

<script type="text/javascript">
    $(function () {
        $('.stdtable a.delete').click(function () {
            var c = confirm('Continue delete?');
            if (c) jQuery(this).parents('tr').fadeOut(function () {

                var id = $(this).closest('tr').find('td:eq(0)').text();
                var getURL = '@Url.Action("Delete", "TypeVideo")';

                $.get(getURL, { "id": id }, function (data) {
                    if (data == "error") //error
                    {
                        $('#nofError').show();
                        $('#nofSuccess').hide();
                        $('#msgNofError').text("Cannot Delete Record");
                    }
                    else {
                        jQuery(this).remove();
                        $('#nofError').hide();
                        $('#nofSuccess').show();
                        $('#msgNofSuccess').text("Delete Record Ok");
                    }
                });
            });
            return false;
        });
    });
</script>
<div class="maincontentinner">
    <ul class="maintabmenu">
        <li class="current"><a href="@Url.Action("Index", "TypeVideo")" >Index</a></li>
        <li class="current"><a href="@Url.Action("Insert", "TypeVideo")" >Insert</a></li>
    </ul>
    <!--maintabmenu-->
    <div class="notification msgsuccess" style="display: none" id="nofSuccess">
        <a class="close"></a>
        <p id="msgNofSuccess">This is a success message.</p>
    </div>
    <!-- notification msgsuccess -->

    <div class="notification msgerror" style="display: none" id="nofError">
        <a class="close"></a>
        <p id="msgNofError">This is an error message.</p>
    </div>
    <!-- notification msgerror -->

    <div class="contenttitle radiusbottom0">
        <h2 class="table"><span>List Type Video</span></h2>
    </div>
    <!--contenttitle-->
    <table cellpadding="0" cellspacing="0" border="0" class="stdtable" id="dyntable">
        <colgroup>
            <col class="con0" />
            <col class="con1" />
            <col class="con0" />
            <col class="con1" />
        </colgroup>
        <thead>
            <tr>
                <th class="head0">Id</th>
                <th class="head1">Tên</th>
                <th class="head0">Point</th>
                <th class="head1"></th>
            </tr>
        </thead>
        <tfoot>
            <tr>
                <th class="head0">Id</th>
                <th class="head1">Tên</th>
                <th class="head0">Point</th>
                <th class="head1"></th>
            </tr>
        </tfoot>
        <tbody>
            @{
                foreach (var item in Model)
                {
                <tr class="gradeX">
                    <td>
                        @Html.DisplayFor(modelitem => item.Id)
                    </td>
                    <td>
                        @Html.DisplayFor(modelitem => item.Name)
                    </td>
                    <td>
                        @Html.DisplayFor(modelitem => item.Point)
                    </td>
                    <td class ="eddelete">
                       
                        @Html.ActionLink(" ", "Edit", new { IdTypeVideo = @item.Id }, new { @class = "edit", title="Edit" })
                        &nbsp;
                        <a href="#" class="delete" title="Delelte" , onclick='DeleteRecord("@item.Id ")' ></a>
                    </td>
                </tr> 
                }                      
            }
        </tbody>
    </table>
</div>
<!--maincontentinner-->
<script type="text/javascript"  src="@Url.Content("~/Content/cssAdmin/js/custom/tables.js")" ></script>
<script type="text/javascript"  src="@Url.Content("~/Content/cssAdmin/js/plugins/jquery.dataTables.min.js")" ></script>